<div class="row login">
  <div class="col-md-5 login-left">
    <div class="login-title">
      <img class="rounded-circle" src="" width="100" height="100" />
      <h4>小白鲸网</h4>
    </div>
    
    <div class="login-content row">
      <p class="alert alert-danger" ng-show="!vo.error">
        {{vo.errmsg}}
      </p>
      <div class="col-md-2"></div>
      <div class="col-md-8">
        <div class="input-group">
          <span class="input-group-addon">账&nbsp;&nbsp;&nbsp;号</span> 
            <input ng-model="user.username" type="text" class="form-control" placeholder="请输入手机号" />
        </div><br />

        <div class="input-group">
          <span class="input-group-addon">问&nbsp;&nbsp;&nbsp;题</span> 
            <input type="text" ng-model="user.vcode" class="form-control" placeholder="请回答问题" />
           <span class="input-group-addon" ng-click="reSend()">{{user.vtext}}</span>  
        </div><br />

        <div class="input-group">
          <span class="input-group-addon">短&nbsp;&nbsp;&nbsp;信</span> 
            <input type="text" ng-model="user.smscode" class="form-control" placeholder="请输入短信验证码" />
          <span class="input-group-addon btn-code">
            <button id="sms" 
            class="btn-primary" 
            ng-click="sendSms()">{{user.getCode}}</button>
          </span>
        </div><br />
        
        <div class="input-group">
          <span class="input-group-addon">邀请人</span> 
            <input ng-model="user.inviteid" type="text" class="form-control" placeholder="首次登录并输入邀请手机可获得积分奖励" />
        </div><br />

        <button class="btn btn-primary btn-full-10" ng-click="register()">短信登录</button>
        <p class="login-footer">已有账号？点击<a href="#/login">登录</a></p>
      </div>
      <div class="col-md-2"></div>
    </div>
  </div>

  <div class="col-md-7" id="register-info" style="height: {{vo.height + 'px'}}">
    <div class="row login-right">
      <div class="col-md-12"><h2>小白鲸能够给你带来...</h2></div>
      <div class="col-md-12 login-right-2"><i class="glyphicon glyphicon-ok-sign"></i>
      100%资源来自国外大神或团队及优秀设计师之手</div>
      <div class="col-md-12 login-right-2"><i class="glyphicon glyphicon-ok-sign"></i>创建无限制混合原生APP</div>
      <div class="col-md-12 login-right-2"><i class="glyphicon glyphicon-ok-sign"></i>编译出原生应用的用户体验</div>
      <div class="col-md-12 login-right-2"><i class="glyphicon glyphicon-ok-sign"></i>轻松快速开发你想要的APP</div>
      <div class="col-md-12 login-right-2"><i class="glyphicon glyphicon-ok-sign"></i>眼花缭乱的APPUI设计</div>
      <div class="col-md-12 login-right-2"><i class="glyphicon glyphicon-ok-sign"></i>更多后续推出的优质资料与服务</div>
    </div>
  </div>
</div>
<style>
  h4{
    font-weight: bold;
  }
  .btn-code {
    padding: 0;
  }
  .btn-code button{
    padding: 7px;
  }
  .alert {
    width: 250px;
    margin-left: 40%;
    padding: 2px 25px;
  }
</style>